<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/shangping.css">
    <link rel="stylesheet" href="./css/magnifier.css">
    <link rel="stylesheet" href="./tubiao/iconfont.css">
    
</head>

<body>
    <!-- 头部广告栏 -->
    <div class="header">
        <a href="http://www.5lux.com/help/question/246">
            <img src="./img/11.png" alt="">
        </a>
    </div>
    <!-- 头部广告栏 结束-->
    <!-- 第二部分 小导航栏 -->
    <div class="two">
        <div class="two_yi">
            <div class="two_one">
                <p><span class="iconfont icon-shouye sp1"> <a href="http://www.5lux.com/">第五大道首页</a></span></p>
                <span class="padd">|</span>
                <p><span class="iconfont icon-phonenum sp1"> 贵宾专线：4008-6767-38 </span></p>

            </div>
            <div class="two_er">
                <ul>
                    <li>登录<span>|</span></li>
                    <li>注册<span>|</span></li>
                    <li>我的第五大道<span>|</span></li>
                    <li>帮助中心<span>|</span></li>
                    <li>手机版下载</li>


                </ul>
            </div>
        </div>
    </div>

    <!-- 第三部分-->
    <div class="three">
        <div class="three_box">
            <div class="three_yi"><a href="http://www.5lux.com/"><img src="./img/22.jpg" width="240px"
                        height="110px"></a></div>
            <div class="three_er">

                <img src="./img/44.jpg" width="142px" height=90px">
            </div>
            <div class="three_san">
                <div class="three_san_01">
                    <div class="diyi"><input type="text" placeholder="太阳镜"></div>
                    <div class="dier">搜索</div>
                </div>
                <div class="three_san_02">
                    <ul>
                        <li><a href="http://www.5lux.com/good/list/127" target="_blank">连衣裙</a></li>
                        <li><a href="http://www.5lux.com/search/index?keyword=运动户外&amp;stoken=s8dfxs2s0"
                                target="_blank">运动户外</a></li>
                        <li><a href="http://www.5lux.com/good/list/4" target="_blank">箱包</a></li>
                        <li><a href="http://www.5lux.com/good/list/165" target="_blank">配饰</a></li>
                        <li><a href="http://www.5lux.com/good/list/138" target="_blank">腕表</a></li>
                    </ul>
                </div>
            </div>
            <div class="three_si">
                <img src="./img/overseadef.jpg" alt="">
            </div>
            <div class="three_wu">
                <div class="fang">
                    <p><span class="iconfont icon-tianmao2 sp1"></span> (0)<span
                            class="iconfont icon-angle-right sp1"></span></p>


                </div>
            </div>
        </div>

        <!-- 第四部分 黑色导航栏 -->
        <div class="four">
            <div class="four_lan">
                <ul>
                    <li class="caid">商品分类
                        <ul>
                            <li>推荐品牌</li>
                            <li>推荐品牌</li>
                            <li>推荐品牌</li>
                        </ul>
                    </li>
                    <li><a href="http://www.5lux.com/store/brand" class="menu_a">品牌</a></li>
                    <li><a href="http://www.5lux.com/sales/news" class="menu_a">最新</a></li>
                    <li><a href="http://www.5lux.com/girl" class="menu_a ">女士</a></li>
                    <li><a href="http://www.5lux.com/man" class="menu_a">男士</a></li>
                    <li><a href="http://www.5lux.com/life" class="menu_a">生活馆</a></li>
                    <li><a href="http://www.5lux.com/overseas" class="menu_a">海外馆</a></li>
                    <li><a href="http://www.5lux.com/promote/index" class="menu_a">时尚</a></li>
                    <li><a href="http://www.5lux.com/activity" class="menu_a">特惠</a></li>
                    <li><a href="http://www.5lux.com/gift " class="menu_a">礼品区</a></li>
                    <li>到店</li>
                    <li>海外服务</li>
                    <li>vip</li>
                </ul>
            </div>
        </div>
        <!-- 商品放大镜 -->
       <div class="shangping">
           <div class="shangping_one">
            <div class="container-magnifier">
                <div class="wrap-small-magnifier">
                      <img src="./img2/1-5.jpg" alt="" class="active">
                      <img src="./img2/1-6.jpg" alt="">
                      <img src="./img2/1-7.jpg" alt="">
                      <img src="./img2/1-8.jpg" alt="">
                      <img src="./img2/1-9.jpg" alt="">
                      <div class="focus"></div>
                      <div class="patch">
                            <!-- 其实这就是个贴膜 -->
                      </div>
                </div>
                
                <div class="wrap-choice-magnifier">
                      <i class="active" data-big="./img2/1-5.jpg" data-small="./img2/1-5.jpg"><img src="./img2/1-5.jpg"
                                  alt=""></i>
                      <i data-big="./img2/1-6.jpg" data-small="./img2/1-6.jpg"><img src="./img2/1-6.jpg" alt=""></i>
                      <i data-big="./img2/1-7.jpg" data-small="./img2/1-7.jpg"><img src="./img2/1-7.jpg" alt=""></i>
                      <i data-big="./img2/1-8.jpg" data-small="./img2/1-8.jpg"><img src="./img2/1-8.jpg" alt=""></i>
                      <i data-big="./img2/1-9.jpg" data-small="./img2/1-9.jpg"><img src="./img2/1-9.jpg" alt=""></i>
         
                </div>
                <div class="wrap-big-magnifier">
                      <img src="./img2/1-5.jpg" alt="" class="active">
                      <img src="./img2/1-6.jpg" alt="">
                      <img src="./img2/1-7.jpg" alt="">
                      <img src="./img2/1-8.jpg" alt="">
                      <img src="./img2/1-9.jpg" alt="">
                </div>
          </div>

           </div>
<!-- 第二部分 -->
           <div class="shangping_two">
               <div class="shangping_yi">Chopard萧邦</div>
               <div class="shangping_er">经典赛车系列 银灰色圆盘精钢表带自动机械男士腕表</div>
    
               <div class="shangping_san">货号: 5Lux088510g_p195489</div>
               <div class="shangping_si">
                   <p>￥49020    <span>红卡会员价:￥37000</span></p>
                
               </div>
               <div class="shangping_wu">
                  <p>颜色&emsp;&emsp;&emsp;&emsp;<span>银白色</span></p> 
               </div>
               <div class="shangping_liu">
                <p>款型&emsp;&emsp;&emsp;&emsp;<span>男款</span></p> 
                <p>数量&emsp;&emsp;&emsp;&emsp;
                    
                    <input type="text" value="1" style="width: 20px;height: 20px;">
                    <span class="shuzi">
                        <span class="jia">+</span>
                        <span class="jian">-</span>
                    </span>
                   
                </p>
               </div>
               <div class="shangping_qi">
                   <ul>
                       <li>发货门店&emsp;&emsp;此货品将由 第五大道全球优选 为您发货。</li>
                       <li>发货时效&emsp;&emsp;预计5-7个工作日发货，延迟发货慢必赔！查看详情 》</li>
                       <li>温馨提示&emsp;&emsp;本商品 有质量问题支持7天退换货</li>
                       <li>包邮政策&emsp;&emsp;白金钻石顺丰包邮，注册用户满99元免邮</li>
                       <li>发票政策&emsp;&emsp;海外商品暂不支持发票</li>
                   </ul>
               </div>
               <div class="shangping_ba">
                   <div>立即购买</div>
                   <div>加入入购物车</div>
               </div>
              
           </div>
         
       </div>


    <script src="./javascripts/fangdajin.js"></script>
    </body>
    </html>
